@charset "utf-8";

.generclass h1{ font-size: calc(2.3em + 1vw); line-height: calc(0.6em + 1vw); font-weight: 700; color:#3F3F3F;} 
.generclass h2{ font-size: calc(1.2em + 1vw); line-height: calc(0.5em + 1vw); font-weight: 600; color:#002777;}
.generclass h3{ font-size: 32px; line-height: 34px; font-weight: 500;}
.generclass h4{ font-size: 26px; line-height: 27px; font-weight: 600;}
.generclass h5{ font-size: 20px; line-height: 22px; font-weight: 600;}
.generclass p{ font-size: 1em; line-height: 1.4em; font-weight: 400; color:#707070;}
body .sppb-btn, body .btn{ text-transform: none;}
.anchosCont .sppb-row-container { max-width: 1140px; width: 88%; padding: 0;}
.anchosCont100 .sppb-row-container { max-width: 1140px; width: 100%;}
.anchosCont .sppb-row-column, .anchosCont .sppb-col-md-6 { padding-right: 0; padding-left: 0;}
.sombragene .conSombra, .conSombra, .conSombraC .conSombra {border-radius:6px!important; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30)!important; overflow: hidden;}
.sp-simpleportfolio .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item{ width: 30%;}
.brF{ display: inline;}
.ajusteP p{font-size: calc(1em + 0.08vw)!important;}
/*.sp-page-builder{ background: #f9f9ff;}*/
.miniBt{ border: 1px solid #ccc!important; padding: 7px 20px 7px 20px!important; border-radius: 8px!important; font-size: 1em!important; color: #888!important; background: #fff!important;}
.miniBtPop a{ border: 1px solid #ccc!important; padding: 7px 20px 7px 20px!important; border-radius: 8px!important; font-size: 1em!important; color: #888!important; background: #fff!important;}
.miniBt:hover{ background-image: linear-gradient(45deg, #97113a 0%, #002777 100%)!important; color:#fff!important;}
.miniBtPop a:hover{ background-image: linear-gradient(45deg, #97113a 0%, #002777 100%)!important; color:#fff!important;}
a{color: #002777; font-weight: 500;}
.miniBtmas i{ background: -webkit-linear-gradient(#002777, #97113a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002777; margin-top: -40px; }
.miniBtmas i:hover{ background: -webkit-linear-gradient(#97113a, #002777); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002777; margin-top: -40px; }

/*-----Emcabezados------*/
.img_header{ background-position: bottom right; margin-top: 5%!important; background-color: #fff;}
#toggleDrop:checked + .dropdown-title + .dropdown-list { display: block;}

/*----Tabs 2 columnas-----*/
.tabs2col .sppb-tab { display: flex; align-items: flex-start; flex-direction: row;} 
.tabs2col .sppb-nav { width: 30%; flex-direction: column; border-bottom: none; padding-top: 18px!important; padding-right: 40px!important;}
.tabs2col .sppb-nav > li { width: 100%;}
.tabs2col .sppb-nav > li > a { display: block; width: 100%; text-align: left; padding: 14px 25px; font-size: 1.1em!important; line-height: 1.1em; }
.tabs2col .sppb-tab-content { width: 70%;}
.tabs2col .sppb-tab-pane {width: 100%;}
.tabs2col .sppb-addon-tab .sppb-nav-modern > li.active > a{ background-image: linear-gradient(22deg, #002777 0%, #97113a 100%); color: #fff;}
.tabs2col .sppb-addon-tab .sppb-nav-modern > li.active > a span{ display: block;}
.tabs2col .sppb-tab-subtitle{ font-size: 0.95em; font-weight: 400; padding-top: 10px; line-height: 1.2em; width: 100%; display: none; color: #cdbcc1;}
.tabs2col .sppb-nav-modern>li>a { border-radius: 8px; margin-bottom: 10px; border: 1px solid #ccc; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30); background: #fff; color:#888; font-size: 1em; font-weight: 600;}
.tabs2col .sppb-nav-modern>li>a:hover { background-image: linear-gradient(22deg, #002777 0%, #97113a 100%); color: #fff;}

/*----Tarjetas con certificado----*/
.conCerti .sppb-addon-title { position: relative; padding-left: 15px; }
.conCerti .sppb-addon-title a::before { content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px;  background-image: url("https://hic.fcv.org/co/images/premios-y-acreditaciones/jci-hic-13.webp"); background-size: contain; background-repeat: no-repeat; }

/*-----Emcabezados nuestro equipo------*/
.contHeTi{ width: 100vw; margin-left: calc(50% - 50vw); padding-top: 200px; padding-bottom: 150px; background: #f2f2f2; background-image: url(https://hic.fcv.org/co/images/institutos/nuestros-especialistas.webp); background-size: cover; background-position: right 60%;  margin-bottom: -60px;}
.conAll{ max-width: 1290px; width: 80%; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; }
.conAll h1{ font-weight: 800; }
.conAll p{  max-width: 250px; }
.bt_HeTi { display: inline-flex; margin-right: 10px; }
.h1_HeTi { width: 100%; margin-bottom: 12px;}
.bt_HeTi a{ background: #fff; border: 1px solid #ddd;  color: #18327a; padding: 8px 18px;  border-radius: 4px; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; transition: background .3s ease;}
.bt_HeTi a:hover{ background: #002777; color: #fff;}
.conAll .bt_HeTi:nth-of-type(2) a::before{ content: "‹"; font-size: 23px; line-height: 1;}
.conAll .bt_HeTi:nth-of-type(3) a::after{ content: "›"; font-size: 23px; line-height: 1;}
.dropdown { position: relative; display: inline-block;}
.dropdown2 { position: relative; top: 0px; left: 2px; }
.dropdown input[type="checkbox"] { display: none; }
.dropdown-title { padding: 8px 18px; border-radius: 4px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; background-image: linear-gradient(22deg, #002777 0%, #97113a 100%); color: #fff; text-decoration: none; font-size: 1.1em; padding: 14px 9px 15px 16px; line-height: 1em; }
.dropdown-title:hover { background-image: linear-gradient(22deg, #97113a 0%, #002777 100%); color:#fff;}
.dropdown-list { position: absolute; top: 110%; left: 0; list-style: none; margin: 0; padding: 0; width: 220px; background: #fff; border: 1px solid #ccc; border-radius: 6px; display: none; z-index: 99; }
#menu:target .dropdown-list { display: block; }
.dropdown-list li a { display: block; padding: 10px 15px; color: #18327a; text-decoration: none; font-weight: 500; }
.dropdown-list li:hover > a { background: #18327a; color: #fff; }
.menu-anchor { position: fixed; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; }
#menu:target + .dropdown .dropdown-list { display: block;}
.bbuscardirectorio .btn, .breiniciardirectorio .btn{ border-radius: 6px!important;}
.form-inline .search-wrapper {display: contents;}
.list-clean { list-style: none; margin: 0; padding: 0; line-height: 1.4em;}
.list-clean li {  position: relative; padding-left: 22px; margin-bottom: 12px;  text-align: left;} 
.list-clean li::before { content: ""; width: 12px; height: 10px; background: #eee; border-radius: 2px; position: absolute; left: 0; top: 5px; transform: translateY(-14%);}
.specialist-designation img { display: none!important;  max-width: 17px!important;}
.specialist-designation, .profile-designation{ border-bottom: 1px solid #ddd; padding: 10px 0; line-height: 1.1em; font-size: 1em!important;}
.icon-ig, .icon-in { position: relative; padding-left: 22px; text-decoration: none; color: #666!important; padding-right: 5px;  display: inline-block;  padding-left: 32px; height: 30px; font-size: 0 !important;}
.icon-ig::before { content: ""; position: absolute; left: -5px; top: -1px; width: 35px!important; height: 35px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg fill='%23666' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224 203a53 53 0 1 0 53 53 53 53 0 0 0-53-53Zm124-41a54 54 0 0 0-30-30c-21-8-71-6-94-6s-73-2-94 6a54 54 0 0 0-30 30c-8 21-6 71-6 94s-2 73 6 94a54 54 0 0 0 30 30c21 8 71 6 94 6s73 2 94-6a54 54 0 0 0 30-30c8-21 6-71 6-94s2-73-6-94ZM224 338a84 84 0 1 1 84-84 84 84 0 0 1-84 84Zm88-150a20 20 0 1 1 20-20 20 20 0 0 1-20 20Z'/%3E%3C/svg%3E");}
.icon-in::before { content: ""; position: absolute; left: 0; top: 1px; width: 28px!important; height: 28px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg fill='%23666' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zm-46.44-341a53.74 53.74 0 1 1 53.74-53.74 53.68 53.68 0 0 1-53.74 53.74zm394.16 341h-92.68V302.4c0-34.7-.7-79.3-48.3-79.3-48.3 0-55.7 37.7-55.7 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.8-48.3 88-48.3 94 0 111.2 61.9 111.2 142.3z'/%3E%3C/svg%3E");}
.contact-item a, .contact-item i, .contact-item {color: #666!important; font-size: 1em!important;}
.contact-item:hover, .icon-ig:hover, .icon-in:hover, .department-link:hover  {text-decoration: underline; color: #666;}
.joodb { margin-bottom: 90px;}
.profile-nav { margin-top: 120px;}
.profile-nav a{ border-radius: 6px!important; color:#002777!important;}
.profile-nav a:hover{ background-color: #002777!important; color:#fff!important;}
.profile-nav .backbutton { font-size: 0;}
.profile-nav .backbutton::after { content: "Volver"; font-size: 14px;}
.profile-nav .backbutton .jicon-left-open { font-size: 14px; margin-right: 5px; }

.btn-action, .btn-profile-action {border: 1px solid #ddd!important;}
.joodb-readon-container a::before { content: "\f0f0"; font-family: FontAwesome;  margin-right: 8px; font-weight: normal; font-size: 11px !important; top: -1px; position: relative; }
.social-links p {margin-bottom: 10px;}
.profile-section .section-body { display: block;}
.profile-section .section-body:empty, .profile-section:has(.section-body:empty), .btn-whatsapp, .btn-phone { display: none!important; }
.profile-specialty {font-size: 0.9em!important;}
.department-link{ display: block; padding: 9px 0; border-radius: 6px; color: #666; margin-bottom: 3px; font-size: 1em; line-height: 1em; }
.profile-floating-badge{padding-bottom: 8px;}
.profile-contact-info .contact-item:nth-of-type(1), .profile-contact-info .contact-item:nth-of-type(3) { display: none;}
.colm_grid1Col { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px 30px; padding-left: 0;}
.colm_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 30px; padding-left: 0;}
.colm_grid2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px 30px; padding-left: 0;}
.colm_grid a { color: #666; text-decoration: underline;}
.colm_grid a:hover { font-weight: 500;}
.posZindex{ z-index: -1!important;}

/*-----Centro de Excelencia en ECMO------*/
.icoAlert {position: relative; overflow: revert!important;}
.icoAlert::before { content: "\f06a"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -18px; left: 18px; color: #002777; display: flex; align-items: center; justify-content: center;  font-size: 2em;  z-index: 10;}
.TrataCont .sppb-marker{ border: 1px solid #9697c0 !important;}
.TrataCont .sppb-marker:hover{ background: linear-gradient(45deg, #97113a 0%, #002777 100%)!important;}

/*-----Sec 3 modulos IMAP------*/
.menu_3 .sppb-row-column {padding: 0;}
.menu_3 p {color:#fff; font-size: 1em; line-height: 1.2em; margin-top: 20px; margin-bottom: 0;}
.menu_3 { padding-right: 0!important; padding-left: 0!important;}
.onPop_01 , .onPop_02, .onPop_03{ color:#fff; position: relative; overflow: hidden;  background-image: url(https://hic.fcv.org/co/images/2025/11/web/imap-03.webp); background-size: 120% auto; background-position: center; background-repeat: no-repeat; transition: background-size 0.5s ease; z-index: 1; background-position: top; padding: 40px 10px 25px 25px; border-radius: 10px 0 0 10px; overflow: hidden; padding: 8% ; min-height: 200px;}
.onPop_02{  background-image: url(https://hic.fcv.org/co/images/2025/11/web/imap-04.webp); border-radius: 0; overflow: hidden;}
.onPop_03{  background-image: url(https://hic.fcv.org/co/images/2025/12/imap/imap-22.webp); border-radius: 0 10px 10px 0; overflow: hidden;}
.onPop_01:hover { background-size: 140% auto; background-image: url(https://hic.fcv.org/co/images/2025/11/web/imap-03.webp);}
.onPop_02:hover { background-size: 140% auto; background-image: url(https://hic.fcv.org/co/images/2025/11/web/imap-04.webp);}
.onPop_03:hover { background-size: 140% auto; background-image: url(https://hic.fcv.org/co/images/2025/12/imap/imap-22.webp);}
.onPop_01::after, .onPop_02::after, .onPop_03::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(17, 73, 191, 0.93) 0%, rgba(151, 17, 58, 0.48) 100%); pointer-events: none; z-index: -1; }
.menuImap h4{ font-size: 1.7em; line-height: 1em; color:#fff;}

/*-----PopUps------*/
.mfp-content { width: 96% !important;}
.mfp-content .modal-inner-block { padding-bottom: 50px;}
.white-popup-block { padding: 0;}
.poPcont_html { background: #fff; padding: 2% 5% 5% 5%; margin-bottom: 50px; }
.poPcont_html p { font-size: 1.1em; line-height: 1.3em; margin: 15px 0 0 0; padding: 0; color: #707070; }
.poPcont_html h3 { font-size: 1.6em; line-height: 1.2em; margin: 0; padding: 0; color: #3f3f3f; }
.poPcont_html .cont_div { background: #f2f2f2; border-radius: 8px; width: 98%; height: 100%; background-color: #fff; margin-top: 5px; min-height: 120px; }
.poPcont_html .cont_table p { text-align: center; padding-bottom: 15px; color: #fff; }
.poPcont_html .cont_table h3 { padding-top: 15px; text-align: center; color: #fff; font-size: 1.3em; padding-top: 20px; }
.poPcont_html .cont_table { width: 100%; border-collapse: collapse; }
.poPcont_html .cont_table tr { display: flex; }
.poPcont_html .cont_table td { flex: 1; display: flex; align-items: stretch; }
.poPcont_html .cont_div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding: 15px; border-radius: 8px; min-height: 120px; width: 98%;     transition: all 0.3s ease; }
.poPcont_html u { padding-left: 20px; }
.poPcont_html .img01, .poPcont_html .img02, .poPcont_html .img03, .poPcont_html .img04 { background-image: linear-gradient(45deg, rgba(17, 73, 191, 0.94) 0%, rgba(151, 17, 58, 0.48) 100%), url("https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-06.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.poPcont_html .img02 { background-image: linear-gradient(45deg, rgba(17, 73, 191, 0.94) 0%, rgba(151, 17, 58, 0.48) 100%), url("https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-07.jpg");}
.poPcont_html .img03 { background-image: linear-gradient(45deg, rgba(17, 73, 191, 0.94) 0%, rgba(151, 17, 58, 0.48) 100%), url("https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-04.jpg");}
.poPcont_html .img04 { background-image: linear-gradient(45deg, rgba(17, 73, 191, 0.94) 0%, rgba(151, 17, 58, 0.48) 100%), url("https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-08.jpg");}
.poPcont_html .boton { width: 200px; background-color: #97113a; background: linear-gradient(45deg, #002777 0%, #97113a 100%); color: #fff; padding: 10px 20px; display: block; text-align: center; border-radius: 8px;     font-size: 1.2em; margin-bottom: 50px; margin: 30px auto; margin-top: 20px; }
.titulo_popUp { background-image: linear-gradient(45deg, rgba(17, 73, 191, 0.94) 0%, rgba(151, 17, 58, 0.48) 100%), url("https://hic.fcv.org/co/images/centros/ecmo/ecmo-01.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px; font-size: 2em; color: #fff; margin: 0; } 
.titulo_popUp::before { content: "\e4fc"; font-family: "Font Awesome 5 Free"; font-size: 1.2em; margin-right: 12px; }
.titulo_popUp2::before { content: "\f0f0"!important;}
.titulo_popUp3::before { content: "\f57d"!important;}
.titulo_popUp4::before { content: "\f500"!important;}

.mfp-close{ color: #fff!important;}
.fotoFon01{ background-image: url(https://hic.fcv.org/co/images/centros/ecmo/ecmo-01.webp); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: center center; padding-top: 300px; margin-top: 30px; border-radius: 8px; margin-bottom: 30px;}
.fotoFon02{ background-image: url(https://hic.fcv.org/co/images/centros/ecmo/ecmo-02.webp)!important;}
.fotoFon03{ background-image: url(https://hic.fcv.org/co/images/tam/tam-hic-avion.webp)!important;}

/*-----Sec 3 modulos Intituto neurologico------*/
.tarjeInst .onPop_01 { background-image: url(https://hic.fcv.org/co/images/neurologia/rapidez-y-presicion.webp);}
.tarjeInst .onPop_02{  background-image: url(https://hic.fcv.org/co/images/neurologia/neurocirugia.webp);}
.tarjeInst .onPop_03{  background-image: url(https://hic.fcv.org/co/images/2025/03/07/uci-neurologica.webp);}
.tarjeInst .onPop_01:hover { background-image: url(https://hic.fcv.org/co/images/neurologia/rapidez-y-presicion.webp);}
.tarjeInst .onPop_02:hover { background-image: url(https://hic.fcv.org/co/images/neurologia/neurocirugia.webp);}
.tarjeInst .onPop_03:hover { background-image: url(https://hic.fcv.org/co/images/2025/03/07/uci-neurologica.webp);}

/*-----Sec 3 modulos Intituto ortopedia------*/
.tarjeOto .onPop_01 { background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/servicio-de-especialistas-24-7.webp);}
.tarjeOto .onPop_02{  background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/quirofanos-exclusivos.webp);}
.tarjeOto .onPop_03{  background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/tecnologia-de-punta-para-procedimientos.webp);}
.tarjeOto .onPop_01:hover { background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/servicio-de-especialistas-24-7.webp);}
.tarjeOto .onPop_02:hover { background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/quirofanos-exclusivos.webp);}
.tarjeOto .onPop_03:hover { background-image: url(https://hic.fcv.org/co/images/hic/instituto-de-ortopedia/tecnologia-de-punta-para-procedimientos.webp);}

/*-----Sec 3 modulos Intituto de la mujer------*/
.tarjeMuj .onPop_01 { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-02.webp);}
.tarjeMuj .onPop_02{  background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-03.webp);}
.tarjeMuj .onPop_03{  background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-04.webp);}
.tarjeMuj .onPop_01:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-02.webp);}
.tarjeMuj .onPop_02:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-03.webp);}
.tarjeMuj .onPop_03:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-04.webp);}

/*-----Sec 3 modulos Intituto cardiovascular------*/
.tarjeCar .onPop_01 { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-02.webp);}
.tarjeCar .onPop_02{  background-image: url(https://hic.fcv.org/co/images/2025/12/cardiovascular/instituto-cardiovascular-03.webp);}
.tarjeCar .onPop_03{  background-image: url(https://hic.fcv.org/co/images/2025/12/cardiovascular/instituto-cardiovascular-11.webp);}
.tarjeCar .onPop_01:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/instituto-cuidado-mujer/cuidao-de-la-mujer-02.webp);}
.tarjeCar .onPop_02:hover { background-image: url(https://hic.fcv.org/co/images/2025/12/cardiovascular/instituto-cardiovascular-03.webp);}
.tarjeCar .onPop_03:hover { background-image: url(https://hic.fcv.org/co/images/2025/12/cardiovascular/instituto-cardiovascular-11.webp);}
.cont2col .col2 {padding-left: 40px;}

/*-----Sec 3 modulos icono laboratorio home------*/
.labhome_01, .labhome_02, .labhome_03 { position: relative; overflow: hidden;  background-image: url(https://hic.fcv.org/co/images/hic/laboratorios-y-banco-de-sangre/laboratorio-clinico-02.webp); background-size: 120% auto; background-position: center; background-repeat: no-repeat; transition: background-size 0.5s ease; z-index: 1; background-position: top; }
.labhome_01::after, .labhome_02::after, .labhome_03::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(17, 73, 191, 0.93) 0%, rgba(151, 17, 58, 0.48) 100%); pointer-events: none; z-index: -1; }
.labhome_01::before, .labhome_02::before, .labhome_03::before { content: "\f0c3"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 1.6em; margin-bottom: 20px; position: relative; z-index: 2; margin-top: 30px; }
.labhome_01:hover, .labhome_02:hover, .labhome_03:hover { background-size: 150% auto; background-image: url(https://hic.fcv.org/co/images/hic/laboratorios-y-banco-de-sangre/laboratorio-clinico-02.webp); }
.labhome_02 { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-01.webp);}
.labhome_02::before { content: "\f492"; }
.labhome_02:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-01.webp); }
.labhome_03 { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-02.webp);}
.labhome_03::before { content: "\f477"; }
.labhome_03:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-02.webp); }
.labsang_01 a, .labsang_02 a, .labsang_03 a { position: relative; overflow: hidden;  background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-03.jpg); background-size: 120% auto; background-position: center; background-repeat: no-repeat; transition: background-size 0.5s ease; z-index: 1; min-height: 200px; background-position: top; }
.labsang_01 a::after, .labsang_02 a::after, .labsang_03 a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(17, 73, 191, 0.93) 0%, rgba(151, 17, 58, 0.48) 100%); pointer-events: none; z-index: -1; }
.labsang_01 a::before, .labsang_02 a::before, .labsang_03 a::before { content: "\f4be"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 1.6em; margin-bottom: 20px; position: relative; z-index: 2; margin-top: 17px; }
.labsang_01 a:hover, .labsang_02 a:hover, .labsang_03 a:hover { background-size: 150% auto; background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-03.jpg); }
.labsang_02 a { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-04.jpg);}
.labsang_02 a::before { content: "\f492"; }
.labsang_02 a:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-04.jpg); }
.labsang_03 a { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-05.jpg);}
.labsang_03 a::before { content: "\f043"; }
.labsang_03 a:hover { background-image: url(https://hic.fcv.org/co/images/2025/10/laboratorios/laboratorios-hic-05.jpg); }

/*-----Sec 3 modulos icono laboratorio interna------*/
.labint_01, .labint_02, .labint_03 { position: relative; overflow: hidden;  background-image: url(https://hic.fcv.org/co/images/servicios-diagnosticos/laboratorio/laboratorio-hic-04.webp); background-size: 120% auto; background-position: center; background-repeat: no-repeat; transition: background-size 0.5s ease; z-index: 1; background-position: top; }
.labint_01::after, .labint_02::after, .labint_03::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(17, 73, 191, 0.93) 0%, rgba(151, 17, 58, 0.48) 100%); pointer-events: none; z-index: -1; }
.labint_01::before, .labint_02::before, .labint_03::before { content: "\f56d"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 1.6em; margin-bottom: 20px; position: relative; z-index: 2; margin-top: 30px; }
.labint_01:hover, .labint_02:hover, .labint_03:hover { background-size: 150% auto; background-image: url(https://hic.fcv.org/co/images/servicios-diagnosticos/laboratorio/laboratorio-hic-04.webp); }
.labint_02 { background-image: url(https://hic.fcv.org/co/images/servicios-diagnosticos/laboratorio/laboratorio-hic-05.webp);}
.labint_02::before { content: "\f274"; }
.labint_02:hover { background-image: url(https://hic.fcv.org/co/images/servicios-diagnosticos/laboratorio/laboratorio-hic-05.webp); }
.labint_03 { background-image: url(https://hic.fcv.org/co/images/somosfcv/quienessomos/somos-hic-18.jpg);}
.labint_03::before { content: "\f3c5"; }
.labint_03:hover { background-image: url(https://hic.fcv.org/co/images/somosfcv/quienessomos/somos-hic-18.jpg); }

/*-----Sec 3 modulos Indicadores------*/
.Indica_01, .Indica_02, .Indica_03 { position: relative; overflow: hidden;  background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-02.webp); background-size: 120% auto; background-repeat: no-repeat; transition: background-size 0.5s ease; z-index: 1; background-position: center; border-radius: 10px 0 0 10px; text-align: left; color:#002777!important; }
.Indica_01::after, .Indica_02::after, .Indica_03::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, rgba(226, 234, 255, 1) 0%, rgba(227, 226, 255, 0.48) 100%); pointer-events: none; z-index: -1;  }
.Indica_02::after, .Indica_03::after { background: linear-gradient(45deg, rgba(226, 234, 255, 1) 0%, rgba(227, 226, 255, 0.48) 100%); }
.IndicaAct::after {background: linear-gradient(45deg, rgba(17, 73, 191, 0.93) 0%, rgba(151, 17, 58, 0.48) 100%);}
.IndicaAct {color:#fff!important;}
.Indica_01::before, .Indica_02::before, .Indica_03::before { content: "Informe de gestión clínica"; display: flex; align-items: center; justify-content: space-between; margin: 5% 0 10px 0; padding-right: 30px; position: relative; font-size: 1.3em; line-height: 1em; font-weight: 600; background-repeat: no-repeat; background-position: right center; background-size: 16px; }
.Indica_01:hover, .Indica_02:hover, .Indica_03:hover { background-size: 150% auto; background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-02.webp); }
.Indica_02 { background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-01.webp); border-radius: 0;}
.Indica_02::before { content: "Resultados clínicos y percepción del paciente"; }
.Indica_02:hover { background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-01.webp); }
.Indica_03 { background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-03.webp); border-radius: 0 10px 10px 0;}
.Indica_03::before { content: "Acreditaciones"; }
.Indica_03:hover { background-image: url(https://hic.fcv.org/co/images/indicadores/indicadores-03.webp); }
.contact-links { margin: 0; }
.phone-link { text-decoration: none; display: inline-block; border: 1px solid #ccc; border-radius: 5px; padding: 8px 15px; width: 90%; margin-top: 8px; color: inherit; margin-left: 10%; font-weight: 500;}
.phone-link:hover { background: #fff; color: #002777; font-weight: 500;}
.phone-link:first-child { margin-top: 0;} 
.contBt{ margin-top: 5%;}
.contBt img{ margin-top: 24px;}
.grafMarca h4 { font-size: 1.2em; line-height: 1.1em; margin-top: 5px; width: 80%; margin: 5px auto;}
.bar01 .sppb-progress-bar { background-color: #97113A;}
.bar02 .sppb-progress-bar { background-color: #ffd201;}
.bar03 .sppb-progress-bar { background-color: #91bbe3;}
.bar04 .sppb-progress-bar { background-color: #00b7b6;}
.bar05 .sppb-progress-bar { background-color: #f86592;}
.bar06 .sppb-progress-bar { background-color: #aeaeae;}
.alinBoo{ align-items: end; }
.iconoMas { position: absolute; right: 15px; top: 80%; z-index: 1; pointer-events: none; } 
.iconoMas i { color: #002777!important;} 
.iconoMasAct i { color: #fff!important;}

/*-----Sec Carrusel Iconos ------*/
.carruselIcons img{ display: none;}
.carruselIcons .sppb-carousel-extended-team-content { padding-top: 60px; padding-bottom: 0; box-shadow: none;}
.carruselIcons .sppb-carousel-extended-team-name{ text-align: center;  width: 89%; margin: 0 auto;}
.carruselIcons .sppb-carousel-extended-team-name a{ color:#3f3f3f;}
.carruselIcons .sppb-carousel-extended-team-name a::before { content: ""; position: absolute; inset: -60px -20px -20px -20px; }
.carruselIcons .sppb-carousel-extended-item { position: relative; }
.carruselIcons .sppb-carousel-extended-team-social-icon { position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
.carruselIcons .sppb-carousel-extended-team-social-icon li { margin-right: 0;}
.carruselIcons .sppb-carousel-extended-team-designation { padding: 0;margin: 0;}
.carruselIcons .sppb-carousel-extended-team-social-icon i:before { font-size: 2.2em; background: -webkit-linear-gradient(#002777, #97113a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002777;}
.carruselIcons .sppb-carousel-extended-team-content{ border: 1px solid #e7e4e4; border-radius: 6px; max-width: 90%; min-height: 125px; background-color: #fff !important; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30);}

/*-----Sec Int Cardiovacular------*/
.mini-botones { text-align: center; margin: 0;}
.mini-botones a { display: inline-grid; padding: 4px 8px; margin: 3px; font-size: 0.9em; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #18327a;}
.mini-botones a:hover, .mini-botones .vermas { background: #18327a; color: #fff;}

/*-----Sec Biblioteca de salud------*/
.cont_biblioteca{}
.cont_biblioteca .mayo-search-portal{padding:20px;background-color:#fff;border:1px solid #e9ecef;border-radius:12px; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30);}
.cont_biblioteca .search-container{background-color:#f8f9fa;border-radius:10px;padding:30px 20px;margin-bottom:30px;border:1px solid #e9ecef;}
.cont_biblioteca .index-search-form{display:flex; justify-content:center; align-items:center;gap:10px;max-width:600px;margin:0 auto;}
.cont_biblioteca .index-search-form input[type=text]{border:1px solid #ced4da;border-radius:5px;padding:10px 15px;font-size:1em;width:60%;max-width:400px;}
.cont_biblioteca .index-search-form button{background-image:linear-gradient(to right,#97113a,#002777);color:#fff;border:none;border-radius:5px;padding:12px 25px;font-size:1em;font-weight:bold;cursor:pointer;}
.cont_biblioteca .az-container-modern{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 120px;}
.cont_biblioteca .az-container-modern a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#f8f9fa;color:#002777;border:1px solid #dee2e6;border-radius:8px;font-weight:bold;text-decoration:none;transition:all .2s ease-in-out;}
.cont_biblioteca .az-container-modern a:hover{background-color:#97113a;color:#fff;transform:scale(1.05);}
.cont_biblioteca .az-container-modern{margin:20px 0;}
@media(min-width:768px){ .cont_biblioteca .az-container-modern{margin:20px 60px;}}
@media(min-width:1200px){.cont_biblioteca .az-container-modern{margin:20px 120px;}}

/*-----Nuevos iconos------*/
.ocultarIco .sppb-icon-container i { display: none; }
.iconoGene .sppb-icon-container::before { content: ""; display: inline-block; width: 50px; height: 50px; background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/falla-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/falla-l.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; }
.iconoFalla .sppb-icon-container::before { -webkit-mask: url("https://hic.fcv.org/co/images/iconos/falla-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/falla-l.svg") no-repeat center;}
.iconoAcv .sppb-icon-container::before {  background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/acv-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/acv-l.svg") no-repeat center;  }
.iconoEpilepsia .sppb-icon-container::before { background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/epilepsia-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/epilepsia-l.svg") no-repeat center; }
.iconoCefalea .sppb-icon-container::before { background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/cefalea-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/cefalea-l.svg") no-repeat center;  }
.iconoRcadera .sppb-icon-container::before {  background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/cadera-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/cadera-l.svg") no-repeat center;}
.iconoRrodilla .sppb-icon-container::before {  background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/rodilla-l.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/rodilla-l.svg") no-repeat center;  }
.iconoeECMO .sppb-icon-container::before {  background: -webkit-linear-gradient(#002777,#97113a); -webkit-mask: url("https://hic.fcv.org/co/images/iconos/ecmo.svg") no-repeat center; mask: url("https://hic.fcv.org/co/images/iconos/ecmo.svg") no-repeat center;  }

/*-----Sec Sedes------*/
.cont_sedes2 .sppb-column { box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30)!important;}
.cont_sedes2 .sp-background { background-position: left top!important; background-size: contain !important; background-repeat: no-repeat;}
.cont_sedes2 .sp-background::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 25%, #ffffff 56%)!important;}
.cont_sedes2 .sp-slider-btn-text{ font-weight: bold; font-size: 1em; padding: 12px 20px!important;}
.cont_sedes2 .textEstrella{ margin-top: -20px;}
.cont_sedes2 .textEstrella span{ vertical-align: text-top;}
.cont_sedes2 .sppb-sp-slider-button{ margin-top: 0!important;}
.cont_sedes2 .globalr {position: absolute; top: 0; left: 37%; width: 260px;}

/*-----Sec Especialistas------*/
.cont_espe .cont_photo { box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30)!important;}

/*-----Sec Servicios------*/   
.cont_servicios .sppb-addon-overlay-image-content { border-radius: 5px;}
.cont_servicios .overlay-image-title { position: relative; z-index: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
.cont_servicios .btn-grdnt-azul { font-family: 'ubuntu'; margin-top:0px; border: none; background-image: linear-gradient(45deg, #002777 0%, #134fcd 100%); color: #ffffff; font-size: 15px; padding: 10px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30); text-shadow: 1px 1px 3px #666; background: -webkit-gradient(linear, 0 0, 0 100%, from(#022a78), to(#0a3894)); background: -moz-linear-gradient(top, #022a78, #0a3894);}
.cont_servicios .btn-grdnt-azul:hover {  background-color: #002777; color: #FFFFFF; border: none; background-image: linear-gradient(45deg, #002777 0%, #134fcd 34%);}
.cont_servicios input[type="text"]:not(.form-control) { display: inline-flex !important; border-radius: 5px !important; font-size: 1em;}
.cont_servicios .sppb-addon-overlay-image-content { border-radius: 5px; }
.cont_servicios .overlay-image-title { position: relative; z-index: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
.cont_servicios .overlay-background-image{ background-position: center top;}
.cont_servicios .sppb-row-column { padding-right: 5px; padding-left: 5px; }

/*-----Sec Programa Nutricion------*/
.conteni {background-size: contain!important;}

/*-----Sec Slider no-full------*/
.carruselmid2 {border-radius:12px; box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30);}
.carruselmid2 .sppb-carousel-arrow.left i { margin-left: -50px; top: calc(50% - 20px); color: #3f3f3f; text-shadow: none;}
.carruselmid2 .sppb-carousel-arrow.right i{ margin-right: -50px; color: #3f3f3f; text-shadow: none; top: calc(50% - 20px);}
.carruselmid2 .sppb-item{ padding:0!important;}
.carruselmid2 h2{margin-top: 8%!important; margin-left: 8%!important; max-width: 440px;}
.carruselmid2 .sppb-carousel-pro-content { margin-top: 3% !important; margin-left: 8% !important; max-width: 80%;}
.carruselmid2 .sppb-btn { background-image: linear-gradient(45deg, #97113a 0%, #002777 100%); color: #FFFFFF; margin-left: 8%; margin-top: 2%; margin-bottom: 30px;}
.carruselmid2 .sppb-text-right{ margin: 0; border-radius: 0 15px 15px 0; overflow: hidden;}

/*-----Sec Slider SoloFoto------*/
.carruselFoto .sppb-row > .sppb-col-sm-6:first-child { display: none; }
.carruselFoto .sppb-row > .sppb-col-sm-6 { flex: 0 0 100%; max-width: 100%; }
.carruselFoto .sppb-text-right {border-radius:0px;}
.carruselFoto { width: 100%; height: 100%; overflow: hidden;}
.carruselFoto img { width: 100%; height: 100%; object-fit: cover; display: block; }

/*-----Sec cifras------*/
.con_cifras .sppb-row .sppb-row-column {  flex: 0 0 100%; max-width: 100%;}

/*-----Sec Testimonios - Videos------*/
.carruselmid .sppb-carousel-arrow.left i { margin-left: -50px; top: calc(50% - 20px); color: #fff; text-shadow: none;}
.carruselmid .sppb-carousel-arrow.right i{ margin-right: -50px; color: #fff; text-shadow: none; top: calc(50% - 20px);}
.carruselmid .sppb-item{ padding:0!important;}
.carruselmid h2{margin-top: 3%!important; margin-left: 8%!important;}
.carruselmid .sppb-carousel-pro-content { margin-top: 4% !important; margin-left: 8% !important; max-width: 80%;}
.carruselmid .sppb-btn { background-image: linear-gradient(45deg, #e6497a 0%, #a6113f 69%); color: #FFFFFF; margin-left: 8%; margin-top: 2%; margin-bottom: 30px;}
.carruselmid .sppb-text-right{ margin: 0; border-radius: 6px; overflow: hidden;}
/*.slider_video {z-index:100!important;}*/
.slider_video #column-id-m3P_LNhVYSjNFZKcoHJGW{box-shadow: none!important;}
.slider_video .sppb-text-right, .slider_video .sppb-embed-responsive { height: 100%;}
.slider_video .sppb-text-right img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: right;}
.slider_video .soloImg .sppb-text-right { position: relative;}
.slider_video .soloImg .sppb-text-right::after { content: "\f04b"; font-family: "Font Awesome 5 Free"; font-weight: 900;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; color: #fff;  pointer-events: none;  opacity: 0.9; background-image: linear-gradient(45deg, #e6497a 0%, #a6113f 69%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.4)); opacity: 1; }
.slider_video2 .sppb-row { display: flex;  min-height: 270px;}
.slider_video2 .sppb-row > .sppb-col-sm-6:first-child { flex: 0 0 65%; max-width: 65%; background: #fff; border-radius: 40px 0 0 40px; }
.slider_video2 .sppb-row > .sppb-col-sm-6:last-child { flex: 0 0 35%; max-width: 35%; background: #fff; border-radius: 0 40px 40px 0; }

/*-----Slider Historia-------*/
.slider_fechas .sppb-carousel-indicators { position: absolute; bottom: 20px; left: 0;  right: 0; display: flex; justify-content: center; padding: 0 20px; margin: 0; gap: 10px; width: 100%; }
.slider_fechas .sppb-carousel-indicators li { width: auto; height: auto; text-indent: -9999px; border: none; cursor: pointer; position: relative; padding-bottom: 8px;  padding: 7px 15px 5px 15px; background: #ececf3; border-radius: 6px;}
.slider_fechas .sppb-carousel-indicators li::before { content: ''; text-indent: 0; display: block; font-size: 16px; font-weight: 600; color: #a3a3be;}
.slider_fechas .sppb-carousel-indicators li.active{ background-image: linear-gradient(22deg, #002777 0%, #97113a 100%); }
.slider_fechas .sppb-carousel-indicators li.active::before { color: #fff;}
.slider_fechas .sppb-carousel-indicators li.active::after { background: #97113a; }
.slider_fechas .sppb-carousel-indicators li:nth-child(1)::before { content: '1986';}
.slider_fechas .sppb-carousel-indicators li:nth-child(2)::before { content: '1997';}
.slider_fechas .sppb-carousel-indicators li:nth-child(3)::before { content: '2001';}
.slider_fechas .sppb-carousel-indicators li:nth-child(4)::before { content: '2005';}
.slider_fechas .sppb-carousel-indicators li:nth-child(5)::before { content: '2009';}
.slider_fechas .sppb-carousel-indicators li:nth-child(6)::before { content: '2016';}
.slider_fechas .sppb-carousel-indicators li:nth-child(7)::before { content: '2020';}
.slider_fechas .sppb-carousel-indicators li:nth-child(8)::before { content: '2025';}

/*-----Sec Blogs------*/
.cont_blogs .sppb-row-column {padding: 0;}
.cont_blogs h3 {padding-top: 20px; line-height: 1.1em; font-size: 1.5em;}
.cont_blogs h3 a {font-size: 0.9em; font-weight: 600; color: #3f3f3f;}
.cont_blogs .sppb-article-img-wrap img { border-radius: 10px; height: auto; }
.cont_blogs .sppb-article-introtext {font-size: 0.94em;color: #707070;  line-height: 1.2em;}
.subTitulo{ font-size: 22px; line-height: 24px; text-align: left; font-weight: 600;}
.contList li p {margin-bottom: 4px;}
.colm_gridx4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px 30px; padding-left: 0;}
.colm_gridx1 { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px 30px; padding-left: 0;}
.list_block { list-style: none; margin: 0; padding: 0; line-height: 1.4em;}
.list_block li, .list_blockNoli ul  {  position: relative; padding-left: 22px; margin-bottom: 12px;  text-align: left; background: #f3f3f9; border-radius: 10px; padding: 30px 40px; border-left: 7px solid #002777;}
.conTprensa .ano { display: none;}

/*-----Sec Menu Home------*/
.sec_menu_home .sppb-row-column { padding-right: 5px; padding-left: 5px; }
.sec_menu_home .mod-finder__search { max-width: 500px; margin: 20px auto 0 auto;}
.sec_menu_home .btn { background-image: linear-gradient(45deg, #002777 0%, #97113a 100%); font-size: 1em; border-radius: 4px !important; padding: 10px 20px!important;}
.sec_menu_home .icon-search{ display: none!important;}

/*-----Sec Carruseles-----*/
.secCarrusel .nav-control { cursor: pointer; text-align: center; font-size: 2.3em!important; color: #3f3f3f; transition: .35s; border:none; margin-top: -7px; }

/*-----Sec Tarjetas Blancas----*/
.secTarjetasB .helpbox{ min-height: 170px; display: flex; margin-top: 25px;}
.secTarjetasB .clearfix { box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30);}
.secTarjetasB .fas { background: -webkit-linear-gradient(#002777,#97113a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002777; width: 100% !important; padding: 1px;}
.secTarjetasB .sppb-row-container { padding-left: 0; padding-right: 0;}
.secTarjetasB .sppb-row-column {padding-left: 8px; padding-right: 8px;}
.secTarjetasB .sppb-row-column   { margin-bottom: 15px;}

/*-----Sec Tarjetas Transparentes----*/
.secTarjetasT .helpbox{ margin-top: 25px;}
.secTarjetasT .clearfix { box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.30);}
.secTarjetasT .fas, .secTarjetasT .far { background: -webkit-linear-gradient(#002777,#97113a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002777; width: 100% !important; padding: 3px 4px;}
.secTarjetasT .sppb-icon .sppb-icon-container > i {font-size: 49px;}
.secTarjetasT .sppb-row-container { padding-left: 0; padding-right: 0;}
.secTarjetasT .sppb-row-column {padding-left: 8px; padding-right: 8px;}
.secTarjetasT .sppb-row-column   { margin-bottom: 15px;}
.secTarjetasT .sppb-addon-feature .sppb-btn { max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease; margin-top: -30px; position: absolute; left: calc(50% - 56px);}
.secTarjetasT .sppb-addon-feature:hover .sppb-btn { max-height: 60px;  opacity: 1; margin-top: -10px; margin-bottom:10px; position: relative; left: 0;}
.secTarjetasT .sppb-btn { background-image: linear-gradient(45deg, #002777 0%, #97113a 100%); font-size: 1em; border-radius: 4px !important; padding: 10px 20px!important; color:#fff!important;}

/*---------------Media mini mobile------------*/
@media screen and (max-width: 1291px) {
.form-inline{ width: 80vw; max-width: none; margin-left: calc(50% - 40vw);}
}

/*---------------Media tablet------------*/
@media (min-width: 767px) and (max-width: 1023px) { 
.anchosCont .sppb-row-container { width: 80%;}
.generclass h1{ font-size: calc(1.8em + 1vw);} 
.generclass h2{ font-size: calc(1.6em + 1vw); line-height: calc(0.8em + 1vw);}
.generclass h3{ font-size: 28px; line-height: 30px;}
.generclass h4{ font-size: 22px; line-height: 24px; }
.cont_header h1{ font-size: calc(1.8em + 1vw); line-height: 1em;}
.cont_servicios .sppb-addon-overlay-image-content { max-height: 170px;}
.cont_blogs h3 a {font-size: 0.6em;}
.cont_blogs h3 {line-height: 0.6em;}
.cont_sedes2 .sp-background::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.95) 60%)!important;}
.cont_sedes2 .globalr {left: 20%; width: 190px; top: 80px;} 
.sec_menu_home .overlay-image-title .sppb-addon-title{  margin-bottom: 0px!important;}
.secTarjetasB .helpbox{ min-height: 130px; margin-top: 10px;}
.headeBan{ background-position: 100% 30px;}
.menuImap h4{ font-size: 1.4em;}
.onPop_01 , .onPop_02, .onPop_03{ min-height: 220px; background-size: auto 120%; padding: 10% }
.Indica_01, .Indica_02, .Indica_03{ min-height: 200px;}
.labsang_01 a, .labsang_02 a, .labsang_03 a { background-size: auto 120%;}
.labsang_01 a:hover, .labsang_02 a:hover, .labsang_03 a:hover, .Indica_01:hover, .Indica_02:hover, .Indica_03:hover { background-size: auto 150%;}
.secBulet .sppb-row-container { max-width: 84%;}
.colm_grid { grid-template-columns: repeat(2, 1fr); }
.contact-links{ margin-top: 0!important;}
.slider_fechas .sppb-text-right img { height: 320px; width: 100%; object-fit: cover; } 
.menu_x4 .sppb-row-container {max-width: none!important; width: 90%;}
}

/*---------------Media mobile------------*/
@media screen and (max-width: 766px) {
.generclass h1{ font-size: calc(1.4em + 1vw); line-height: calc(0.8em + 1vw)} 
.generclass h2{ font-size: calc(1.5em + 1vw); line-height: calc(0.9em + 1vw);}
.generclass h3{ font-size: 20px; line-height: 22px;}
.generclass h4{ font-size: 21px; line-height: 23px; }
.img_header { background-position: right 50px; }
.cont_biblioteca .index-search-form, .sec_menu_home .index-search-form {display:grid!important;}
.cont_biblioteca input, .sec_menu_home input  {width: 100%!important; margin-top: -40px;}
.cont_sedes2 .fondo-slider-clickeable h3, .cont_sedes2 .fondo-slider-clickeable p{ max-width: 170px!important;}
.cont_sedes2 .sp-background { background-size: cover !important;}
.cont_sedes2 .sp-background::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0) -40%, rgba(255, 255, 255, 0.95) 60%)!important;}
.cont_sedes2 .sppb-sp-slider-button, .cont_sedes2 .sppb-sp-slider-button span{ margin-top: 0!important;}
.cont_sedes2 .sppb-sp-slider-text { width: 65%; right: 2px; position: relative; float: right;}
.con_cifras .sppb-row .sppb-row-column { flex: 0 0 50% !important; max-width: 50% !important; padding: 15px; box-sizing: border-box;}
.carruselmid .sppb-carousel-arrow.left i { margin-left: -25px; top: calc(30% - 20px);}
.carruselmid .sppb-carousel-arrow.right i{ margin-right: -25px; top: calc(30% - 20px);}
.carruselmid h2, .carruselmid .sppb-carousel-pro-content, .carruselmid .sppb-btn{margin-left: 0%!important;}
.cont_blogs .sppb-row-column  {padding: 0 20px;}
.cont_blogs h3 a {font-size: 0.8em;}
.cont_blogs h3 {line-height: 0.8em;}
.carruselmid .sppb-carousel-arrow.left i { margin-left: -50px; top: calc(25% - 20px);}
.carruselmid .sppb-carousel-arrow.right i{ margin-right: -50px; top: calc(25% - 20px);}
.carruselmid .sppb-text-right{border-radius: 0 0 15px 15px;}
.carruselmid2 .sppb-text-right{ border-radius: 8px 8px 0 0!important;}
.slider_video .sppb-text-right{ border-radius: 8px;}
.slider_video .sppb-col-xs-12.sppb-col-sm-6 { flex: 0 0 50%; max-width: 50%;}  
.cont_sedes2 .globalr {left: 0; width: 140px; top: 80px;}
.sec_menu_home .overlay-image-title .sppb-addon-title{  margin-bottom: 0px!important;}
.sec_menu_home .btn { width: 100%!important; padding: 15px 20px!important;}
.sec_menu_home .icon-search{ display: grid;}
.sec_menu_home .overlay-background-image { background-position: top center;}
.secTarjetasB .helpbox{ min-height: 140px; padding-top: 10px;}
.sec_menu_home .az-container-modern{ margin: 0px!important;}
.secCarrusel .nav-control.next-control { margin-right: -40px;}
.secCarrusel .nav-control.prev-control { margin-left: -40px;}
.onPop_01, .onPop_02, .onPop_03 { border-radius: 10px; margin-bottom: 10px; padding: 25px 10px 15px 25px; min-height: auto;}
.menu_3 .til_sec{ font-size: calc(1.2em + 1vw); line-height: 0.9em; font-weight: 600;}
.menu_3 p {margin-bottom: 10px;}
.labhome_01::before, .labhome_02::before, .labhome_03::before, .labsang_01 a::before, .labsang_02 a::before, .labsang_03 a::before { margin-top: 17px; margin-bottom: 15px;}
.labhome_01, .labhome_02, .labhome_03, .labsang_01 a, .labsang_02 a, .labsang_03 a { background-size: cover; min-height: 120px; }
.menuImap h4{ font-size: 1.4em;}
.secBulet .sppb-row-container { max-width: 90%;}
.contHeTi{ padding-top: 110px; padding-bottom: 80px; background-position-x: calc(100% + 160px); }
.specialist-grid {grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))!important;}
.form-inline{ width: 86vw; max-width: none; margin-left: calc(50% - 43vw);}
.profile-nav { margin-top: 80px; }
.social-links p {margin-bottom: 10px;}
.colm_grid { grid-template-columns: repeat(2, 1fr); }
.contBt{ margin-top: 0;}
.contact-links{ margin-top: 0!important;}
.contBt img{ margin-top: -11px;}
.Indica_01::before, .Indica_02::before, .Indica_03::before{ height: 60px; margin: 0% auto 0;}
.contTd{ width: 25%;}
.grafMarca h4 { font-size: 1em; line-height: 1.1em;}
.grafMarca li { width:auto!important;}
.slider_fechas .sppb-text-right img { height: 320px; width: 100%; object-fit: cover; } 
.menu_x4 .sppb-row-container {max-width: none!important; width: 90%;}
.menu_x4 a{ scale:0.9; padding:16px 20px;}
.menu_x4 .sppb-btn{margin: -3px!important;}
.conCerti .sppb-addon-title { margin-left: 20px!important;}
.colm_grid2 {grid-template-columns: repeat(3, 1fr);}
}
 
/*---------------Media mobile vertical------------*/
@media screen and (max-width: 500px) {
.menu_3 .cardDos { padding-left: 0px!important;}
.cont_blogs .sppb-addon-article-layout { padding-right: 0; padding-left: 0;}
.slider_video .sppb-col-xs-12.sppb-col-sm-6 { flex: 0 0 100%; max-width: 100%;}
.carruselmid2 .sppb-row, .slider_video .sppb-row, .fullBullet .sppb-row  {flex-direction: column-reverse;}
.conteni {background: none!important;}
.menu_3 .sppb-row-container  { padding-right: 8%!important; padding-left: 8%!important;}
.secBulet .sppb-row-container { max-width: 100%;}
.noTopB .sppb-addon-wrapper { margin-top: 0px!important; margin-bottom: 0px!important;}
.contHeTi{ padding-top: 100px; padding-bottom: 80px; background-position-x: calc(100% + 300px);}
.conAll{ width: 100%; padding-left: 10%; } 
.h1_HeTi h1{ max-width: 180px; line-height: 0.9em; margin-bottom: 10px;}
.conAll p{  max-width: 220px; }
.bt_HeTi{ margin-right: 5px;}
.bt_HeTi a{ font-size: 0.9em;}
.form-inline{ width: 92vw; margin-left: calc(50% - 46vw);}
.jicon:before {display: none !important;}
.colm_grid { list-style: none;}
.mini-botones a{ display:none;} 
.mini-botones .vermas{ width: 92%; display:block; margin: 0 auto; padding: 9px 0; margin-top: -19px; border-radius: 6px;}
.cont2col .col2 {padding-left: 0px;}
.contTd{ width: 20%;}
.contBt{ width: 95%;}
.phone-link{font-size: 0.9em;}
.SubTituloh1{max-width: 140px;}
.slider_video2 .sppb-row > .sppb-col-sm-6:first-child { flex: 0 0 100%; max-width: 100%; }
.slider_video2 .sppb-row > .sppb-col-sm-6:last-child { flex: 0 0 100%; max-width: 100%; }
.brF{ display: none;}
.slider_fechas .sppb-text-right img { height: 250px; } 
.slider_fechas .sppb-carousel-indicators{ display: none;}
p{font-size: calc(1.1em + 0.1vw)!important;}
.tabs2col .sppb-nav { width: 100%;}
.tabs2col .sppb-tab-content { width: 100%; padding-left: 9%; padding-right: 13%;}
.tabs2col .sppb-nav { padding-top: 0px !important; padding-right: 8% !important;}
.colm_grid2 {grid-template-columns: repeat(1, 1fr);}
  .article-header h1 { font-size: 2em !important;}
}

/*---------------Media mini mobile------------*/
@media screen and (max-width: 321px) {
.bt_HeTi a{ font-size: 0.7em;}
}

/*-------------Blogs------------------*/

/* Contenedor principal */
.apple-newsroom {
    max-width: 1320px; /* Alineado al max-width de tu plantilla Nuron */
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    padding: 20px 0;
}

/* Tarjeta base */
.news-card {
    background-color: #f5f5f7;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

/* Efecto Hover (Levantamiento y sombra) */
.news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* Contenedor de la imagen */
.card-image img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 18px 18px 0 0;
}

/* Ajuste de proporciones*/
.news-grid .card-image img {
    aspect-ratio: 16 / 9; 
}
.hero-card .card-image img {
    aspect-ratio: 21 / 9; 
}

/* Contenido de texto */
.card-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Etiqueta de categoría "Blog" */
.category {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #97113a; 
    margin-bottom: 10px;
}

/* Títulos*/
.news-card h2, .news-card h3 {
    margin: 0;
    font-weight: 600;
    color: #1d1d1f;
    line-height: 1.3;
}
.hero-card h2 {
    font-size: 32px;
}
.news-grid h3 {
    font-size: 20px;
}

/* --- GRID --- */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 30px;
}

/* Responsividad para móviles y tablets */
@media (max-width: 991px) {
    .news-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-card h2 { font-size: 26px; }
}
@media (max-width: 767px) {
    .news-grid { grid-template-columns: 1fr; }
    .hero-card .card-image img { aspect-ratio: 16 / 9; }
}

/* ========================================================================
   DISEÑO APPLE + CORPORATIVO PARA LA PÁGINA DE RESULTADOS (SMART SEARCH)
   ======================================================================== */

/* 1. LIMPIEZA DE LA INTERFAZ (Actualizado) */
/* Ocultar ordenamientos pero MANTENER búsqueda avanzada */
.view-search .com-finder__sorting,
.view-search .com-finder__form label,
.view-search .com-finder__form legend,
.view-search .result__title-url,
.view-search .result__date {
    display: none !important;
}

/* 2. ESTILO DE LOS FILTROS EN RESULTADOS */
.view-search .com-finder__advanced {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: center !important;
    margin-top: 20px !important;
    width: 100% !important;
}

.view-search .com-finder__advanced select.form-select {
    padding: 10px 20px !important;
    border-radius: 20px !important;
    border: 1px solid #e8e8ed !important;
    background-color: #ffffff !important;
    color: #4e4e4e !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    outline: none !important;
    cursor: pointer !important;
    min-width: 180px;
}

/* Ocultar el botón de "Búsqueda avanzada" si elegiste mostrar los filtros expandidos */
.view-search button[data-bs-target="#advancedSearch"] {
    display: none !important;
}

/* 2. DISEÑO DEL BUSCADOR SUPERIOR */
.view-search .com-finder__form {
    max-width: 800px;
    margin: 0 auto 40px auto;
}

/* Alinear barra y botón, y forzar que ocupen todo el ancho */
.view-search .com-finder__form .form-inline,
.view-search .com-finder__form .input-group {
    display: flex !important;
    width: 100% !important; /* Esto es lo que soluciona el problema */
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Caja de texto (Píldora gris) */
.view-search .com-finder__form input.js-finder-search-query {
    flex-grow: 1 !important; 
    background-color: #f5f5f7 !important;
    border: none !important;
    border-radius: 980px !important;
    border-top-right-radius: 980px !important;
    border-bottom-right-radius: 980px !important;
    padding: 16px 30px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: #1d1d1f !important;
    box-shadow: none !important;
    height: auto !important;
    transition: all 0.3s ease !important;
}

body .view-search .com-finder__form input.js-finder-search-query {
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.view-search .com-finder__form input.js-finder-search-query:focus {
    background-color: #e8e8ed !important;
    outline: none !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Botón "Buscar" (Estilo Corporativo HIC) */
.view-search .com-finder__form button[type="submit"].btn-primary {
    display: inline-block !important;
    background: linear-gradient(90deg, #002777 0%, #97113a 100%) !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 16px 40px !important;
    border-radius: 980px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    height: auto !important;
    margin: 0 !important;
}

.view-search .com-finder__form button[type="submit"].btn-primary:hover {
    background: linear-gradient(90deg, #001f5e 0%, #7a0e2f 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25) !important;
}

/* Mensaje de "Resultados encontrados" */
.view-search .com-finder__explained {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #6e6e73;
    margin-bottom: 40px;
}

/* 3. GRID DE RESULTADOS (TARJETAS ESTILO APPLE) */
.view-search .com-finder__results-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Contenedor de cada Tarjeta */
.view-search .result__item {
    background-color: #f5f5f7 !important;
    border-radius: 18px !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    margin-bottom: 0 !important; 
}

.view-search .result__item:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

/* Título de la tarjeta */
.view-search .result__title {
    margin: 0 0 15px 0 !important;
}

.view-search .result__title-link {
    color: #1d1d1f !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.view-search .result__title-link:hover {
    color: #97113a !important; /* Color corporativo HIC */
}

/* Descripción / Resumen */
.view-search .result__description {
    color: #1d1d1f !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important; /* Empuja la taxonomía hacia abajo */
}

/* Taxonomía (Botón sutil inferior que dice "Tipo: Page") */
.view-search .result__taxonomy {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #97113a !important;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 15px !important;
}

/* Resaltado de la palabra buscada */
.view-search .js-highlight {
    background-color: transparent !important;
    color: #97113a !important;
    font-weight: bold !important;
}

.js-finder-search-query .form-control {
  width: 600px;
}

/* 4. ADAPTACIÓN PARA MÓVILES Y TABLETS (RESPONSIVE) */
@media (max-width: 991px) {
    .view-search .com-finder__results-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .view-search .com-finder__form .input-group {
        flex-direction: column !important; 
    }
    .view-search .com-finder__form button[type="submit"].btn-primary {
        width: 100% !important;
    }
    .view-search .com-finder__results-list {
        grid-template-columns: 1fr !important;
    }
    .js-finder-search-query .form-control {
        width: 100%;
    }
}

.finder {
    margin-top: 180px !important;
}

.js-finder-search-query .form-control {
  width: 600px;
}

.arch .view-search .finder #search-form .awesomplete input.js-finder-search-query {
    padding: 27px 20px;
    border-top-right-radius: 980px !important;
    border-bottom-right-radius: 980px !important;
}

/* Usamos 'html body' para superar la prioridad de la plantilla */
html body .view-search .com-finder__form input.js-finder-search-query {
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.count-hits {display: none;}

/* ESTRUCTURA */
.fcv-main-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 30px !important;
}

/* TARJETA */
.fcv-event-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: 0.3s;
}
.fcv-event-card:hover { transform: translateY(-7px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); }

/* IMAGEN Y FECHA */
.fcv-card-img {
    height: 210px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.fcv-date-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: linear-gradient(135deg, #002777 0%, #97113a 100%) !important;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    min-width: 70px;
    line-height: 1;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.fcv-date-badge .day { font-size: 1.8rem; font-weight: 800; display: block; }
.fcv-date-badge .month { font-size: 0.7rem; text-transform: uppercase; font-weight: 600; display: block; margin-top: 3px; }

/* TEXTOS */
.fcv-card-info { padding: 25px 35px; flex-grow: 1; display: flex; flex-direction: column; }
.fcv-event-title a { color: #002777; font-size: 1.2rem; font-weight: 700; text-decoration: none; line-height: 0.8em !important; }
.fcv-meta-list { list-style: none; padding: 0; margin: 15px 0 25px 0; font-size: 0.9rem; color: #666; }
.fcv-meta-list li { margin-bottom: 8px; }
.fcv-meta-list i { color: #97113a; margin-right: 8px; }
.fcv-event-title h3 { line-height: 0.8em !important; }

/* BOTÓN */
.fcv-btn-main {
    background: #002777;
    color: #fff !important;
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: auto;
}

/* BUSCADOR */
.fcv-search-flex { display: flex; gap: 10px; max-width: 650px; margin-bottom: 40px; }
.fcv-input-relative { position: relative; flex-grow: 1; }
.fcv-input-relative i { position: absolute; left: 15px; top: 15px; color: #999; }
.fcv-input-field { width: 100% !important; height: 45px !important; border-radius: 50px !important; padding-left: 40px !important; border: 2px solid #eee !important; }
.fcv-btn-search { background: #002777; color: #fff; border-radius: 50px; padding: 0 25px; border: none; font-weight: bold; }
.fcv-btn-reset { border-radius: 50%; width: 45px; height: 45px; border: none; background: #eee; }

.fcv-click-overlay { position: absolute; top:0; left:0; width:100%; height:100%; z-index:1; }

/* --- AJUSTE PARA MENÚ SUPERIOR FLOTANTE --- */
.fcv-catalog-wrapper {
    margin-top: 0px !important; /* Empuja todo el catálogo hacia abajo */
    padding-top: 20px !important; /* Espacio extra de cortesía */
}

/* Ajuste opcional para móviles (si el menú es más pequeño en celular) */
@media (max-width: 768px) {
    .fcv-catalog-wrapper {
        margin-top: 100px !important; /* Ajusta según el tamaño del menú móvil */
    }
}

/* --- BUSCADOR ANCHO COMPLETO --- */
.fcv-search-bar-section {
    width: 100% !important;
    margin-bottom: 50px;
}

.fcv-search-flex {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important; /* Eliminamos el límite anterior de 650px */
    gap: 12px !important;
}

.fcv-input-relative {
    position: relative !important;
    flex-grow: 1 !important; /* Esto obliga al input a estirarse todo lo posible */
}

.fcv-input-field {
    width: 100% !important; /* Ocupa todo el espacio que le da el contenedor */
    height: 50px !important;
    border-radius: 50px !important;
    padding-left: 45px !important;
    border: 2px solid #eee !important;
    font-size: 1rem !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Botón Buscar ajustado */
.fcv-btn-search {
    background: #002777 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 0 35px !important;
    border: none !important;
    font-weight: bold !important;
    height: 50px !important;
    white-space: nowrap !important; /* Evita que el texto se rompa en dos líneas */
    box-shadow: 0 4px 10px rgba(0, 39, 119, 0.2) !important;
}

/* Botón Reset ajustado */
.fcv-btn-reset {
    background: #eee !important;
    color: #333 !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important; /* Para que no se encoja */
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.form-control, input[type=text]:not(.form-control), input[type=email]:not(.form-control), input[type=url]:not(.form-control), input[type=date]:not(.form-control), input[type=password]:not(.form-control), input[type=search]:not(.form-control), input[type=tel]:not(.form-control), input[type=number]:not(.form-control), select:not(.form-select):not(.form-control) {border-radius: 50px !important;}

/* ============================================================
   DISEÑO PREMIUM FCV - VISTA INDIVIDUAL
   ============================================================ */

/* 1. ESPACIADO SUPERIOR */
body.view-event #sp-main-body {
    padding-top: 0px !important;
}

body.view-event {
    font-family: 'Poppins', sans-serif !important;
}

/* 2. BANNER Y FECHA FLOTANTE */
body.view-event #splms .splms-event-image {
    height: 400px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    margin-bottom: 50px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

body.view-event #splms .splms-event-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Contenedor de Fecha con Degradado FCV y Número Grande */
body.view-event #splms .event-date {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    background: linear-gradient(135deg, #002777 0%, #97113a 100%) !important;
    color: #fff !important;
    padding: 18px 25px !important; 
    border-radius: 15px !important;
    text-align: center !important;
    min-width: 100px !important;
    z-index: 99 !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-size: 3.5rem !important; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
}

/* Ajuste del Mes y Año (Debajo del número) */
body.view-event #splms .event-date span {
    display: block !important;
    font-size: 0.9rem !important; 
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    letter-spacing: 1px !important;
}

/* 3. TÍTULOS */
body.view-event #splms .splms-event-title,
body.view-event #splms h2 {
    color: #2b2b2b !important;
    font-size: 44px !important;
    font-weight: 800 !important;
}

/* 4. SUBTÍTULOS (Gris) Y ETIQUETAS (Color) */
body.view-event #splms h3.splms-event-title, 
body.view-event #splms .splms-event-description p > strong:first-child,
body.view-event #splms .splms-event-detail-list li {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Subtítulos en Gris */
body.view-event #splms h3.splms-event-title, 
body.view-event #splms .splms-event-description p > strong:first-child {
    background: #2b2b2b !important;
    color: #fff !important;
    margin: 40px 0 25px 0 !important;
}

/* Hora y Lugar con Gradación */
body.view-event #splms .splms-event-detail-list li {
    background: linear-gradient(135deg, #002777 0%, #97113a 100%) !important;
    color: #fff !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Iconos Blancos */
body.view-event #splms .splms-event-detail-list li::before {
    font-family: "FontAwesome" !important;
    margin-right: 12px !important;
}
body.view-event #splms .splms-event-detail-list li:first-child::before { content: "\f017"; }
body.view-event #splms .splms-event-detail-list li:last-child::before { content: "\f041"; }

/* 5. CUERPO DE TEXTO Y GALERÍA A LA IZQUIERDA */
body.view-event #splms .splms-event-description {
    font-size: 19px !important;
    line-height: 1.8 !important;
    color: #444 !important;
}

body.view-event #splms .splms-event-gallery-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 0 !important;
}

body.view-event #splms .splms-event-gallery-list a {
    flex: 0 0 350px !important;
    max-width: 350px !important;
}

body.view-event #splms .splms-event-gallery-list img {
    width: 100% !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}

/* 6. BOTÓN INSCRÍBETE */
body.view-event #splms .btn-primary,
body.view-event #splms .splms-event-purchase-btn .btn {
    background: linear-gradient(90deg, #002777 0%, #1a4ab2 100%) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    padding: 20px 70px !important;
    border-radius: 100px !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 12px 30px rgba(0, 39, 119, 0.4) !important;
    display: inline-block !important;
    margin: 40px 0 !important;
}

/* 7. SECCIÓN COMPARTIR */
body.view-event #splms .event-details-bottom {
    margin-top: 80px !important;
    padding: 50px 0 !important;
    background: #f4f4f4 !important;
    border-radius: 30px !important;
    text-align: center !important;
    display: block !important;
    clear: both !important;
}

body.view-event #splms .addon-social-share .addon-title {
    background: transparent !important;
    color: #2b2b2b !important;
    display: block !important;
    font-size: 24px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    text-transform: none !important;
}

body.view-event #splms .social-share-wrap ul {
    display: flex !important;
    justify-content: center !important;
    gap: 25px !important;
    list-style: none !important;
    padding: 0 !important;
}

body.view-event #splms .social-share-wrap ul li {
    display: inline-block !important;
}

body.view-event #splms .social-share-wrap ul li a {
    width: 60px !important;
    height: 60px !important;
    background: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #002777 !important;
    font-size: 24px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* 8. ELIMINAR SPEAKERS */
body.view-event .event-details-speaker, 
body.view-event .event-details-speaker .container,
body.view-event #splms .event-details-speaker,
body.view-event .title-heading,
body.view-event .section-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* CONTENEDOR DE FILTROS */
.fcv-filters-container {
    display: flex !important;
    flex-direction: row !important; 
    gap: 20px !important; 
    width: 100% !important;
}

/* ESTILO DE LOS SELECTORES*/
.fcv-filter-select {
    flex: 1 !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 2px solid #eee !important;
    padding: 0 15px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #2b2b2b !important;
    background-color: #f9f9f9 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%232b2b2b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) center !important;
}

.fcv-filter-select:hover {
    border-color: #002777 !important;
    background-color: #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* Ajuste para móviles*/
@media (max-width: 768px) {
    .fcv-filters-container {
        flex-direction: column !important;
        gap: 10px !important;
    }
}


/* Ajuste titulos*/
.sp-page-title {

    background-position: right top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-bottom: 100px !important;
    padding-top: 130px !important;
    margin-bottom: -80px !important;
}

.sp-page-title-heading {
    font-size: 4em !important;
    line-height: 1 !important;
    color: #3f3f3f !important;
    font-weight: 700;
}

/* ============================================================
   OCULTAR BANNER Y AJUSTAR ESPACIADO (VISTA INDIVIDUAL)
   ============================================================ */


body.view-event #sp-page-title {
    display: none !important;
}

body.view-event #sp-main-body {
    padding-top: 120px !important; 
}

/* ============================================================
   WIDGET "PRÓXIMOS EVENTOS" (HOME)
   ============================================================ */

.fcv-widget-eventos {
    display: flex;
    gap: 30px;
    align-items: stretch;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

/* --- Columna Izquierda (Imagen Grande) --- */
.fcv-we-left {
    flex: 0 0 40%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    background: #fff;
}

.fcv-we-left a { display: block; height: 100%; }

.fcv-we-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.fcv-we-left:hover img {
    transform: scale(1.03);
}

/* --- Columna Derecha (Lista) --- */
.fcv-we-right {
    flex: 0 0 calc(60% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fcv-we-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fcv-we-item {
    display: flex;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-decoration: none !important;
    transition: transform 0.3s;
    height: 115px; 
}

.fcv-we-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* Cajón de Fecha (Fondo y Degradado) */
.fcv-we-date {
    flex: 0 0 30%;
    position: relative;
    background-size: cover;
    background-position: center;
}

/* Ocultar fecha de eventos temporalmente */
.fcv-date-badge {
    display: none !important;
}

.fcv-we-date-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(0, 39, 119, 0.85) 0%, rgba(151, 17, 58, 0.85) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.fcv-we-date-overlay .we-day {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
}

.fcv-we-date-overlay .we-my {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 5px;
}

/* Info del Evento */
.fcv-we-info {
    flex: 0 0 70%;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fcv-we-info h4 {
    color: #002777;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.fcv-we-info p {
    color: #555;
    font-size: 0.95rem;
    margin: 0;
    font-weight: 500;
}

.fcv-we-info p i {
    color: #002777;
    margin-right: 8px;
}

/* Botón Ver Todos */
.fcv-we-btn-all {
    display: block;
    background: linear-gradient(90deg, #002777 0%, #97113a 100%);
    color: #fff !important;
    text-align: center;
    padding: 16px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none !important;
    margin-top: 15px;
    transition: 0.3s;
}

.fcv-we-btn-all i {
    margin-left: 10px;
}

.fcv-we-btn-all:hover {
    background: linear-gradient(90deg, #97113a 0%, #002777 100%);
    box-shadow: 0 8px 20px rgba(0, 39, 119, 0.3);
}

/* Adaptación para Celulares */
@media(max-width: 991px) {
    .fcv-widget-eventos {
        flex-direction: column;
    }
    .fcv-we-left {
        flex: 0 0 auto;
        max-width: 500px;
        margin: 0 auto;
        height: 350px; 
    }
    .fcv-we-date {
        flex: 0 0 40%;
    }
    .fcv-we-info {
        flex: 0 0 60%;
        padding: 0 15px;
    }
}

/* 1. Ocultar el banner de Helix COMPLETO en la página principal de Noticias */
body.view-category .sp-page-title,
body.view-page .sp-page-title {
    display: none !important;
}

/* 2. Ocultar SOLO EL TEXTO en los artículos individuales (dejando fondo y espaciado) */
body.view-article .sp-page-title h1, 
body.view-article .sp-page-title h2, 
body.view-article .sp-page-title .sp-page-title-heading, 
body.view-article .sp-page-title .sp-page-title-sub-heading {
    display: none !important;
}

/* 3. Asegurar que el banner sea visible en los artículos */
body.view-article .sp-page-title {
    display: block !important;
}

.view-article #sp-main-body .container {
   
  }

.pagination {
    display: none ;
}
/* =========================================================
   EFECTO HOVER PARA EL BOTÓN DE EVENTOS
   ========================================================= */

/* 1. Ocultamos el botón por defecto y le quitamos su espacio */
.fcv-event-card .fcv-card-action {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    transform: translateY(10px); /* Lo empujamos un poquito hacia abajo */
    transition: all 0.3s ease-in-out;
}

/* 2. Lo mostramos suavemente cuando el mouse pasa sobre la tarjeta */
.fcv-event-card:hover .fcv-card-action {
    opacity: 1;
    visibility: visible;
    max-height: 60px; /* Espacio suficiente para que quepa el botón */
    margin-top: 15px; /* Le damos respiro respecto al texto de arriba */
    transform: translateY(0); /* Lo devolvemos a su posición original */
}

/* =========================================================
   ESPACIADO INFERIOR DEL CATÁLOGO DE EVENTOS
   ========================================================= */
.splms-view-events {
    padding-bottom: 60px !important; /* Da un respiro interno */
    margin-bottom: 40px !important;  /* Empuja el siguiente elemento hacia abajo */
}

.fcv-event-title { line-height: 0.8em !important;}

/* ========================================================================
   DISEÑO PREMIUM PARA PÁGINA DE RESULTADOS CON FILTROS AVANZADOS (HIC)
   ======================================================================== */

/* 1. LIMPIEZA GENERAL DE INSTRUCCIONES */
.view-search .com-finder__tips,
.view-search .com-finder__sorting,
.view-search .result__title-url,
.view-search .result__date,
.view-search button[data-bs-target="#advancedSearch"] {
    display: none !important;
}

/* 2. CONTENEDOR DE FILTROS (ORGANIZACIÓN EN FILAS) */
.view-search .com-finder__advanced {
    display: block !important;
    margin-top: 30px !important;
    width: 100% !important;
}

.view-search .filter-branch {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px 20px !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 3. RESPUESTA A: "QUE LOS FILTROS DIGAN QUÉ SE VA A FILTRAR" */
/* Recuperamos los títulos nativos ("Buscar por Categoría", etc.) y los hacemos estéticos */
.view-search .control-group {
    flex: 0 0 calc(33.33% - 20px) !important;
    min-width: 240px !important;
    max-width: 280px !important;
    display: flex !important;
    flex-direction: column !important;
}

.view-search .control-label {
    display: block !important;
    margin-bottom: 8px !important;
}

.view-search .control-label label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #002777 !important; /* Azul corporativo para identificar el filtro */
    text-transform: capitalize !important;
}

/* Estilo unificado para los selectores dropdown */
.view-search .control-group select.form-select,
.view-search .control-group select.advancedSelect {
    width: 100% !important;
    padding: 12px 20px !important;
    border-radius: 30px !important;
    border: 1px solid #e8e8ed !important;
    background-color: #ffffff !important;
    color: #4e4e4e !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    height: 48px !important;
    outline: none !important;
}

/* 4. RESPUESTA A: "OCULTAR INPUT DE FECHA Y DEJAR SÓLO EL ÍCONO DE CALENDARIO" */
/* Forzamos a que el selector ("Antes/Después") y el botón del calendario queden juntos */
.view-search .control-group .controls {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
}

/* Escondemos físicamente la caja de texto donde se escribe la fecha */
.view-search .control-group .input-group input[type="text"],
.view-search .control-group .input-group input.js-finder-search-query {
    display: none !important;
}

/* Eliminamos el contenedor sobrante de Bootstrap para el input oculto */
.view-search .control-group .input-group {
    width: auto !important;
    display: inline-flex !important;
}

/* Rediseñamos el botón del calendario (rompiendo el degradado gigante previo) */
.view-search .com-finder__advanced .input-group button.btn {
    background: #97113a !important; /* Color vino HIC */
    color: #ffffff !important;
    border-radius: 50% !important; /* Forma de círculo perfecto */
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    border: none !important;
}

/* Inyectamos el ícono de calendario de FontAwesome dentro del botón circular */
.view-search .com-finder__advanced .input-group button.btn::before {
    content: "\f133" !important; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    display: inline-block !important;
}

/* Limpieza de íconos internos duplicados que traiga Joomla */
.view-search .com-finder__advanced .input-group button.btn span {
    display: none !important;
}

/* 5. AJUSTES RESPONSIVOS PARA MÓVILES */
@media (max-width: 767px) {
    .view-search .control-group {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* Ocultar los desplegables de condición de fecha ("Antes", "Después", etc.) */
.view-search .com-finder__advanced select:not(.advancedSelect) {
    display: none !important;
}

/* Devolver a la vida las cajas de texto de fecha y darles estilo de píldora */
.view-search .com-finder__advanced .input-group input[type="text"] {
    display: block !important;
    width: 150px !important; /* Ancho ideal para que se vea el texto completo */
    padding: 10px 18px !important;
    border-radius: 30px !important;
    border: 1px solid #e8e8ed !important;
    background-color: #f5f6f8 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #333 !important;
    height: 46px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Alinear perfectamente la caja de texto gris con su respectivo botón de calendario */
.view-search .com-finder__advanced .input-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
}